<template>
  <ex-dialog
    width="800px"
    class="ex-diolog"
    title=""
    :visible="visible"
    @closeDialog="handleClose"
  >
    <div class="main">
			<div class="img_box">
        <img :src="imgUrl" alt="">
      </div>
		</div>
  </ex-dialog>
</template>
<script>
// components
import Loading from '@/components/Loading/index'

// api
import {
  getDetail,
  approved,
  reject
} from '@/api/newIncreaseVerify'

export default {
  components: {
    Loading
  },
  props: {
    visible: Boolean,
    imgUrl: String
  },
  data() {
    return {
      data: {},
    
    }
  },
  computed: {
   
  },
  created() {

	},
  methods: {
    handleClose() {
      this.$emit('update:visible', false)
    },
  }
}
</script>
<style lang="scss" scoped>
.ex-diolog {
  ::v-deep .ex--dialog--footer {
    border: none !important;
		padding: 0 !important;
  }
	::v-deep .ex--dialog--main {
    padding: 10px 20px !important;
  }
}
.main{
	.text{
		line-height: 1.6;
	}
	.img_box{
		width: 700px;
    img{
      width: 100%;
    }
	}
	.btn{
		margin-top: 12px;
		display: flex;
		justify-content: center;
	}
}
</style>
